<template>
  <wd-swiper
    :list="props.swiperList"
    :autoplay="false"
    custom-image-class="custom-image"
    @click="handleClick"
    @change="onChange"
    height="750rpx"
  />
</template>

<script setup>
const props = defineProps({
  swiperList: {
    type: Array,
    default: [],
  },
})

function handleClick(e) {
  console.log(e)
}
function onChange(e) {
  console.log(e)
}
</script>
<style lang="scss" scoped>
:deep(.wd-swiper__track) {
  width: 100vw;
  border-radius: 0;
}

:deep(.custom-image) {
  width: 100vw;
  height: 100vw;
  border-radius: 0;
}
</style>
